const app = getApp();
const com = require('../../utils/common.js')
Page({
  data: {
    // 按钮信息
    btn: {
      type: "primary",//按钮的样式类型: primary / default / warn
      size: "mini",//按钮的大小: mini / default
      loading: false,//名称前是否带 loading 图标
      plain: false,//按钮是否镂空，背景色透明	
      disabled: false,//是否禁用
      hoverClass: "other-button-hover",//指定按钮按下去的样式类。
      formType: "submit",//提交表单submit;  重置表单reset
      openType: "contact",//打开客服会话 contact ;触发用户转发 share;获取用户信息 getUserInfo 等
      bindtap: "btnTap",
    },
    // input配置
    inp: {
      // value:"初始值",
      type: "idcard",//text、 number 、 idcard身份证输入键盘 、digit带小数点的数字键盘
      // password: true,//是否是密码类型
      placeholder: "提示语",//输入框为空时占位符
      placeholderClass: "input-placeholder",//指定 placeholder 的样式类
      disabled: false,//是否禁用
      maxlength: 160,//最大输入长度，设置为 -1 的时候不限制最大长度
      confirmType: "send",//设置键盘右下角按钮的文字 send \ search \ next \ go \done
      bindconfirm: "confirmsuc",//点击完成按钮时触发，event.detail = {value: value}
    },
    // 复选信息
    checkbox: {
      items: [
        {
          name: 'USA',
          value: '美国',
          disabled: true,
          checked: true,
          color: "blue"
        },
        { name: 'CHN', value: '中国', checked: true },
        { name: 'BRA', value: '巴西', color: "blue" },
        { name: 'JPN', value: '日本' },
        { name: 'ENG', value: '英国', color: "green" },
        { name: 'TUR', value: '法国', color: "red" },
      ]
    },
    object: {
      text: 'init data'
    },
    selpicker: {
      mode: 'selector',//普通选择器 selector;多列选择器 multiSelector, 时间选择器 time,日期选择器 date,省市区选择器region
      range: [],//mode为 selector 或 multiSelector 时，range 有效
      rangeKey: "",//当 range 是一个 Object Array 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容
      value: 2,//表示选择了 range 中的第几个（下标从 0 开始） 
      disabled: false,
      bindcancel: 'pickerCancelFn',
      array: ['美国', '中国', '巴西', '日本'],
      index: 0,
    },
    multiPicker: {
      mode: 'multiSelector',
      data: [{
        name: "1",
        data: [
          {
            name: "1-1",
            data: [{
              name: "1-1-1"
            }, {
              name: "1-1-2"
            }]
          },
          {
            name: "1-2",
            data: [{
              name: "1-2-1"
            }, {
              name: "1-2-2"
            }]
          },
          {
            name: "1-3",
          }
        ]
      }, {
        name: "2",
        data: [
          {
            name: "2-1",
            data: [{
              name: "2-1-1"
            }, {
              name: "2-1-2"
            }]
          },
          {
            name: "2-2",
            data: [{
              name: "2-2-1"
            }, {
              name: "2-2-2"
            }]
          },
          {
            name: "2-3",
          }
        ]
      }],
      array: [],
      index: [0, 0, 0],

    },
    subtxt: "提交",
  },
  onLoad() {

  },
  onReady(res) {

  },
  // 按钮点击
  btnTap() {
    let sd = com.wel("木真")
    console.log(sd);
  },
  // 复选点击
  checkboxChange(e) {
    console.log(e.detail.value)
  },
  // 表单提交
  formSubmit(e) {
    this.setData({
      subtxt: app.subtxt
    })
    console.log('form发生了submit事件，携带数据为：', e.detail.value)
  },
  // 表单重置
  formReset() {
    console.log('form发生了reset事件')
  },
  confirmsuc() {
    console.log("input点击")
  },
  // picker--sel
  selpickerFn(e) {
    // var sw = 'selpicker["index"]';
    // this.setData({
    //   [sw]:e.detail.value
    // })
    this.setData({
      'selpicker.index': e.detail.value
    })
  },
  pickerCancelFn() {
    console.log("picker 取消")
  },
  changeItemInObject() {
    this.setData({
      'object.text': 'changed data'
    });
  },
  // pick - multi
  multiPickerFn() {
    this.setData({
      "multiPicker.index": e.detail.value
    })
  },
  // pick - mult - 列col
  multiPickerColFn(e) {
    var data = {
      array: this.data.multiPicker.array,
      index: this.data.multiPicker.index
    };
    data.index[e.detail.column] = e.detail.value;

    var temp = [];
    var fir = [];
    var sec = [];
    var thir = [];
    this.data.multiPicker.data.map(function (item, i) {
      item.name ? fir.push(item.name) : "";
      if (item.data) {
        item.data.map(function (jtem, j) {
          jtem.name ? sec.push(jtem.name) : "";
          if (jtem.data) {
            jtem.data.map(function (htem, h) {
              htem.name ? thir.push(htem.name) : "";
            })
          }
        })
      }

    })
    temp.push(fir, sec, thir);
    this.setData = ({
      'multiPicker.array': temp,
    })
    // array: [['1', '2'], ['1-1', '1-2', '1-3'], ['1-1-1', '1-1-2']],
    // console.log('修改的列为', e.detail.column, '，值为', e.detail.value);
  }
})
